<!DOCTYPE html>
<script src="../resources/check-layout.js"></script>
<p>Below, there should be a yellow square with a border, to the left
    of a blue square with no border. There must be no red!</p>
<div id="multicol" style="position:relative; columns:3; column-fill:auto; column-gap:0; width:300px; line-height:50px; height:200px;">
    <div data-expected-width="60" data-expected-height="60" style="border:5px solid wheat; width:50px; background:red;">
        <div style="break-after:column; background:yellow;">
            <br>
        </div>
        <div data-offset-x="105" data-offset-y="0" style="float:left; width:60px; height:60px; background:blue;"></div>
    </div>
    <br>
</div>
<script>
    checkLayout("#multicol");
</script>
